<template>
  <!--            用center-content统一每个导航点开的版面大小-->
  <div class="center-content">
    <!--                /////////////////////////////////////-->
    <!--                思想汇报版面-->
    <section class="self-report">
      <!--                思想汇报版面左边-->
      <div class="self_report-left">
        <!--                    头部-->
        <div class="report-left-header">
          <div class="report-left-title">东平县：建好灯塔书屋 提升党员教育质效</div>
          <div class="report-left-time">2024年2月3日</div>
        </div>
        <!--                    主要内容-->
        <div class="report-item">
<!--          <MdPreview :model-value="text" class="report-article"></MdPreview>-->
          <p class="report-article">
            为进一步完善党员教育阵地，激发党员学习热情，泰安市东平县立足本土资源优势，高标准、规范化建设灯塔书屋，打造可读、可视、可学的立体化空间，让党员群众学习阅读的平台更广、途径更多、效果更优。

            　　<br>&nbsp;&nbsp;&nbsp;&nbsp;聚焦需求，研学读教一体化。统一规划。立足全县实际，严格按照名称、编号、标识、形象文创、视觉风格“五统一”标准建设。截至2023年9月，10个县直部门、14个乡镇党校设立了灯塔书屋，并统一编号登记。问需于民。制作书籍“菜单”，让党员“点菜”，菜单中既有党性教育、政策法规等理论相关书籍，又有乡村振兴、农业技能等相关的实践类书籍，增强了教育培训的吸引力和感染力，共配备书籍26000册。分区设置。灯塔书屋分为图书陈列区、有声体验区、研讨交流区、学习阅读区等4个区域，增设乡村振兴读物专区，为党员提供政策解读、种植养殖技术、乡村振兴典型案例等书籍。开设国学课堂、青少年阅览室，扩大灯塔书屋的受众范围，让不同年龄段的党员群众都可以共享文化设施。

            　　<br>&nbsp;&nbsp;&nbsp;&nbsp;聚焦管理，建设运行规范化。压实责任。明确各乡镇组织委员、县直部门党组织书记为灯塔书屋建设的主要责任人，压实工作责任，抓好工作落实，真正做好灯塔书屋建设推进、管理工作。结合网格治理，网格长负责、网格员落实，做好书屋管理、维护、安保等工作。完善制度。制定《灯塔书屋积分奖励制度》《灯塔书屋管理制度》，对藏书采购、保护维护、借阅资格等方面进行制度规范，保证灯塔书屋有序运行。完善《灯塔书屋图书借阅登记表》《灯塔书屋人员进出登记表》，保证管理规范、保存得当。专员管理。配备一名专职工作人员，负责读者借阅图书、活动后勤保障、书屋维护等日常工作。工作日全天开放书屋，组建党员志愿队伍规范借阅行为，打造无烟环境，保障安静舒适的阅读氛围。

            　　<br>&nbsp;&nbsp;&nbsp;&nbsp;聚焦特色，课程学习多维化。多元整合。将灯塔书屋和主题党日、“支部书记讲党课”等结合起来，开展阅读分享会、读书沙龙等形式多样的活动，带动党员群众阅读交流。建设过程中，采用书屋+基地的模式，利用东平县工委纪念馆、昆山党性教育基地和115师后方医院旧址3个教育基地，依托东原红色文化，打造集展览、学习、研学、交流于一体的红色灯塔书屋。线上导学。有声体验区以“灯塔有声”为学习媒介，整个板块分为学习理论、诵读经典、红色故事、红色音乐、榜样故事六大类。将不同的学习资源生成相应的二维码，党员扫描二维码即可学习。丰富活动。与山东农业大学合作，邀请教授定期开展线上答疑，对党员群众在农业种植、畜牧养殖、品种选育等方面的问题进行解惑。开展灯塔读书月活动，鼓励有学习能力的党员结合自身岗位职责、兴趣爱好，利用业余时间精读好书，撰写读后感。开展“品书话发展”活动，组织党员结合读书感悟畅谈个人发展、村集体发展，加深对读书学习的认识和理解。（中共东平县委组织部）
          </p>

          <ul class="report-left-module">
            <li class="report-left-list">
              <!-- 这里的footer-svg在self-report.css第54行代码，统一每个svg的普通样式，第二个并列的类名为使每个svg图片不同-->
              <div class="footer-svg share-svg"></div>
              <div class="footer-text share-text">分享到</div>
              <div class="footer-svg bilibili-svg"></div>
              <div class="footer-svg douyin-svg"></div>
              <div class="footer-svg qq-svg"></div>
              <div class="footer-svg wechat-svg"></div>
              <div class="footer-svg redbook-svg"></div>
            </li>
          </ul>
        </div>

      </div>

      <!--                思想汇报版面右边-->
      <div class="self_report-right">
        <div class="report-right-header">
          <div class="report-right-headline">文章列表</div>
          <div class="report-img-upload">
            <div class="report-svg-2 report-upload-svg"></div>
            <div class="report-operate-text">图片上传</div>
          </div>
          <div class="report-article-write">
            <div class="report-svg-2 report-write-svg"></div>
            <div class="report-operate-text">文章上传</div>
          </div>
        </div>
        <ul class="report-right-module">
          <li class="report-right-list">
            <div class="report-right-time">
              <span>2024年2月3日</span>·发布了汇报
            </div>
            <div class="report-right-title">
              东平县：建好灯塔书屋 提升党员教育质效
            </div>
            <div class="report-right-blurb">
              为进一步完善党员教育阵地，激发党员学习热情，泰安市东平县立足本土资源优势，高标准、规范化建设灯塔书屋，打造可读、可视、可学的立体化空间，让党员群众学习阅读的平台更广、途径更多、效果更优...
              <span>阅读全文></span>
            </div>
          </li>  <li class="report-right-list">
          <div class="report-right-time">
            <span>2024年2月3日</span>·发布了汇报
          </div>
          <div class="report-right-title">
            东平县：建好灯塔书屋 提升党员教育质效
          </div>
          <div class="report-right-blurb">
            为进一步完善党员教育阵地，激发党员学习热情，泰安市东平县立足本土资源优势，高标准、规范化建设灯塔书屋，打造可读、可视、可学的立体化空间，让党员群众学习阅读的平台更广、途径更多、效果更优...
            <span>阅读全文></span>
          </div>
        </li>  <li class="report-right-list">
          <div class="report-right-time">
            <span>2024年2月3日</span>·发布了汇报
          </div>
          <div class="report-right-title">
            东平县：建好灯塔书屋 提升党员教育质效
          </div>
          <div class="report-right-blurb">
            为进一步完善党员教育阵地，激发党员学习热情，泰安市东平县立足本土资源优势，高标准、规范化建设灯塔书屋，打造可读、可视、可学的立体化空间，让党员群众学习阅读的平台更广、途径更多、效果更优...
            <span>阅读全文></span>
          </div>
        </li>
        </ul>

        <!--  这里页数的html代码用的是活动模块的html代码，为节省代码，方便统一，使页数css都放在self-activty.css里面设置，只剩下margin-left和top分别在每个板块css的report-footer单独设置了不同的数据-->
        <div class="self-footer report-footer">
          <ul class="activty-module">
            <li>
              <div class="activity-button activity-button-now">1</div>
            </li>
            <li>
              <div class="activity-button ">2</div>
            </li>
            <li>
              <div class="activity-button">3</div>
            </li>
            <li>
              <div class="activity-button">下一页></div>
            </li>
          </ul>
        </div>
      </div>
    </section>
  </div>
</template>

<script setup>
import TextContent from "../../../components/textcontent/TextContent.vue";
import {MdPreview} from "md-editor-v3";
import {ref} from "vue";

const text = ref('为进一步完善党员教育阵地，激发党员学习热情，泰安市东平县立足本土资源优势，高标准、规范化建设灯塔书屋，打造可读、可视、可学的立体化空间，让党员群众学习阅读的平台更广、途径更多、效果更优。 　　\n' +
    '    聚焦需求，研学读教一体化。统一规划。立足全县实际，严格按照名称、编号、标识、形象文创、视觉风格“五统一”标准建设。截至2023年9月，10个县直部门、14个乡镇党校设立了灯塔书屋，并统一编号登记。问需于民。制作书籍“菜单”，让党员“点菜”，菜单中既有党性教育、政策法规等理论相关书籍，又有乡村振兴、农业技能等相关的实践类书籍，增强了教育培训的吸引力和感染力，共配备书籍26000册。分区设置。灯塔书屋分为图书陈列区、有声体验区、研讨交流区、学习阅读区等4个区域，增设乡村振兴读物专区，为党员提供政策解读、种植养殖技术、乡村振兴典型案例等书籍。开设国学课堂、青少年阅览室，扩大灯塔书屋的受众范围，让不同年龄段的党员群众都可以共享文化设施。 　　\n' +
    '    聚焦管理，建设运行规范化。压实责任。明确各乡镇组织委员、县直部门党组织书记为灯塔书屋建设的主要责任人，压实工作责任，抓好工作落实，真正做好灯塔书屋建设推进、管理工作。结合网格治理，网格长负责、网格员落实，做好书屋管理、维护、安保等工作。完善制度。制定《灯塔书屋积分奖励制度》《灯塔书屋管理制度》，对藏书采购、保护维护、借阅资格等方面进行制度规范，保证灯塔书屋有序运行。完善《灯塔书屋图书借阅登记表》《灯塔书屋人员进出登记表》，保证管理规范、保存得当。专员管理。配备一名专职工作人员，负责读者借阅图书、活动后勤保障、书屋维护等日常工作。工作日全天开放书屋，组建党员志愿队伍规范借阅行为，打造无烟环境，保障安静舒适的阅读氛围。 　　\n' +
    '    聚焦特色，课程学习多维化。多元整合。将灯塔书屋和主题党日、“支部书记讲党课”等结合起来，开展阅读分享会、读书沙龙等形式多样的活动，带动党员群众阅读交流。建设过程中，采用书屋+基地的模式，利用东平县工委纪念馆、昆山党性教育基地和115师后方医院旧址3个教育基地，依托东原红色文化，打造集展览、学习、研学、交流于一体的红色灯塔书屋。线上导学。有声体验区以“灯塔有声”为学习媒介，整个板块分为学习理论、诵读经典、红色故事、红色音乐、榜样故事六大类。将不同的学习资源生成相应的二维码，党员扫描二维码即可学习。丰富活动。与山东农业大学合作，邀请教授定期开展线上答疑，对党员群众在农业种植、畜牧养殖、品种选育等方面的问题进行解惑。开展灯塔读书月活动，鼓励有学习能力的党员结合自身岗位职责、兴趣爱好，利用业余时间精读好书，撰写读后感。开展“品书话发展”活动，组织党员结合读书感悟畅谈个人发展、村集体发展，加深对读书学习的认识和理解。（中共东平县委组织部）')
</script>

<style scoped>
/*思想汇报版面*/
.self-report{
  display: flex;
  padding-top: 1.8rem;
  padding-left: 3rem;
}
.self_report-left{
  width:67rem;
  height:61rem;
  border: 1px solid rgba(156, 0, 0, 1);
  border-radius: 30px;
}
.report-left-header{
  margin: 0 auto;
  height:7rem;
  width:62rem;
  border-bottom: 1px solid rgba(166, 166, 166, 1);
}
.report-left-title{
  height:4.5rem;
  line-height: 4.5rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color:rgba(0, 0, 0, 1);
  /*margin-top: 1.5rem;*/
}
.report-left-time{
  color:rgba(166, 166, 166, 1);
  font-size: 1rem;
  font-weight: 400;
  margin-left: 2.5rem;
  letter-spacing: 2px;
}
.report-item{
  width:62rem;
  height:50rem;
  margin: 9px 22px 33px 27px;
}
.report-article{
  color:rgba(0, 0, 0, 1);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7rem;
  text-indent: 24px;
  letter-spacing: 2px;
}
.report-left-module{
  margin-left: -0.5rem;
  margin-top: 1rem;
}
.report-left-list{
  display: flex;
}
.footer-svg{
  cursor: pointer;
  width:2rem;
  height:2rem;
  background-size: 1.5rem 1.5rem;
  background-position: center;
}
.self_report-right{
  margin-left: 3.5rem;
  width:32rem;
}
.report-right-header{
  display: flex;
  height:4.3rem;
  margin-bottom: 1rem;
}

.report-right-headline{
  color:rgba(156, 0, 0, 1);
  font-size: 2.2rem;
}

.report-img-upload,.report-article-write{
  width:9rem;
  height:2.5rem;
  border-radius: 30px;
  padding: 0 0.5rem;
  background-color:rgba(156, 0, 0, 1);
  display: flex;
  justify-content: space-around;
  margin-top: 2px;
  cursor: pointer;
}
.report-img-upload{
  margin-left: 1.5rem;
}
.report-article-write{
  margin-left: 2rem;
}
.report-svg{

}
.report-svg-2{
  cursor: pointer;
  width:2rem;
  height:2rem;
  background-size: 1.8rem 1.8rem;
  background-position: center;
  margin-top: 0.2rem;
}
.report-operate-text{
  letter-spacing: 0px;
  color:rgba(255, 255, 255, 1);
  line-height: 2.5rem;
}
.report-right-module{
  width:100%;

}
.report-right-list{
  list-style: none;
  width:100%;
  height:14rem;
  border-radius:15px;
  border: 1px solid rgba(156, 0, 0, 1);
}
.report-right-list:not(:first-child){
  margin-top: 1.5rem;
}
.report-right-time{
  color:rgba(166, 166, 166, 1);
  font-size: 8px;
  letter-spacing: 2px;
  margin:1rem 0 0.5rem 18rem ;
  font-weight: 700;
}
.report-right-time span{

}
.report-right-title{
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}
.report-right-blurb{
  font-size: 12px;
  font-weight: 400;
  margin: 0 1rem 0 1.3rem;
  letter-spacing: 1px;
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 1);
}
.report-right-blurb span{
  font-size: 12px;
  font-weight: 700;
  color:rgba(156, 0, 0, 1);
}
.report-footer{
  margin-top: 5rem;
  margin-left:5rem;
}
</style>
